﻿@{
    ViewBag.Title = "Dashboard";
    ViewBag.Description = "overview & stats";
    Layout = null;
}
<!DOCTYPE html>
<!-- saved from url=(0067)http://www.cliptheme.com/preview/admin/clip-one/login_example1.html -->
<html lang="en" class="no-js">
<!--<![endif]-->
<!-- start: HEAD -->
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Clip-One - Responsive Admin Template</title>
    <!-- start: META -->
    <meta charset="utf-8">
    <!--[if IE]><meta http-equiv='X-UA-Compatible' content="IE=edge,IE=9,IE=8,chrome=1" /><![endif]-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta content="" name="description">
    <meta content="" name="author">
    <!-- end: META -->
    <!-- start: MAIN CSS -->
    <link rel="stylesheet" href="/ContentMember/bootstrap.min.css">
    <link rel="stylesheet" href="/ContentMember/font-awesome.min.css">
    <link rel="stylesheet" href="/ContentMember/style.css">
    <link rel="stylesheet" href="/ContentMember/main.css">
    <link rel="stylesheet" href="/ContentMember/main-responsive.css">
    <link rel="stylesheet" href="/ContentMember/all.css">
    <link rel="stylesheet" href="/ContentMember/bootstrap-colorpalette.css">
    <link rel="stylesheet" href="/ContentMember/perfect-scrollbar.css">
    <link rel="stylesheet" href="/ContentMember/theme_light.css" type="text/css" id="skin_color">
    <link rel="stylesheet" href="/ContentMember/print.css" type="text/css" media="print">
    <!--[if IE 7]>
		<link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome-ie7.min.css">
		<![endif]-->
    <!-- end: MAIN CSS -->
    <!-- start: CSS REQUIRED FOR THIS PAGE ONLY -->
    <!-- end: CSS REQUIRED FOR THIS PAGE ONLY -->
</head>
<!-- end: HEAD -->
<!-- start: BODY -->
<body class="login example1" style="">
    <div class="main-login col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3">
        <div class="logo">
            CLIP<i class="clip-clip"></i>ONE
        </div>
        <!-- start: LOGIN BOX -->
        <div class="box-login">
            <h3>
                Sign in to your account</h3>
            <p>
                Please enter your name and password to log in.
            </p>
            <form class="form-login" method="post" novalidate="novalidate">
            @Html.AntiForgeryToken()
            @Html.ValidationSummary(true)
            <div class="errorHandler alert alert-danger no-display">
                <i class="fa fa-remove-sign"></i>You have some form errors. Please check below.
            </div>
            <fieldset>
                <div class="form-group">
                    <span class="input-icon">
                        <input type="text" class="form-control" name="username" placeholder="Username">
                        <i class="fa fa-user"></i></span>
                    <!-- To mark the incorrectly filled input, you must add the class "error" to the input -->
                    <!-- example: <input type="text" class="login error" name="login" value="Username" /> -->
                </div>
                <div class="form-group form-actions">
                    <span class="input-icon">
                        <input type="password" class="form-control password" name="password" placeholder="Password">
                        <i class="fa fa-lock"></i></span>
                </div>
                <div class="form-actions">
                    <button type="submit" class="btn btn-bricky pull-right">
                        Login <i class="fa fa-arrow-circle-right"></i>
                    </button>
                </div>
            </fieldset>
            </form>
        </div>
        <!-- end: LOGIN BOX -->
        <!-- start: FORGOT BOX -->
        <div class="box-forgot">
            <h3>
                Forget Password?</h3>
            <p>
                Enter your e-mail address below to reset your password.
            </p>
            <form class="form-forgot" novalidate="novalidate">
            <div class="errorHandler alert alert-danger no-display">
                <i class="fa fa-remove-sign"></i>You have some form errors. Please check below.
            </div>
            <fieldset>
                <div class="form-group">
                    <span class="input-icon">
                        <input type="email" class="form-control" name="email" placeholder="Email">
                        <i class="fa fa-envelope"></i></span>
                </div>
                <div class="form-actions">
                    <a class="btn btn-light-grey go-back"><i class="fa fa-circle-arrow-left"></i>Back
                    </a>
                    <button type="submit" class="btn btn-bricky pull-right">
                        Submit <i class="fa fa-arrow-circle-right"></i>
                    </button>
                </div>
            </fieldset>
            </form>
        </div>
        <!-- end: FORGOT BOX -->
        <!-- start: REGISTER BOX -->
        <div class="box-register">
            <h3>
                Sign Up</h3>
            <p>
                Enter your personal details below:
            </p>
            <form class="form-register" novalidate="novalidate">
            <div class="errorHandler alert alert-danger no-display">
                <i class="fa fa-remove-sign"></i>You have some form errors. Please check below.
            </div>
            <fieldset>
                <div class="form-group">
                    <input type="text" class="form-control" name="full_name" placeholder="Full Name">
                </div>
                <div class="form-group">
                    <input type="text" class="form-control" name="address" placeholder="Address">
                </div>
                <div class="form-group">
                    <input type="text" class="form-control" name="city" placeholder="City">
                </div>
                <div class="form-group">
                    <div>
                        <label class="radio-inline">
                            <div class="iradio_minimal-grey" style="position: relative;">
                                <input type="radio" class="grey" value="F" name="gender" style="position: absolute;
                                    top: -10%; left: -10%; display: block; width: 120%; height: 120%; margin: 0px;
                                    padding: 0px; background-color: rgb(255, 255, 255); border: 0px; opacity: 0;
                                    background-position: initial initial; background-repeat: initial initial;">
                                <ins class="iCheck-helper" style="position: absolute; top: -10%; left: -10%; display: block;
                                    width: 120%; height: 120%; margin: 0px; padding: 0px; background-color: rgb(255, 255, 255);
                                    border: 0px; opacity: 0; background-position: initial initial; background-repeat: initial initial;">
                                </ins>
                            </div>
                            Female
                        </label>
                        <label class="radio-inline">
                            <div class="iradio_minimal-grey" style="position: relative;">
                                <input type="radio" class="grey" value="M" name="gender" style="position: absolute;
                                    top: -10%; left: -10%; display: block; width: 120%; height: 120%; margin: 0px;
                                    padding: 0px; background-color: rgb(255, 255, 255); border: 0px; opacity: 0;
                                    background-position: initial initial; background-repeat: initial initial;">
                                <ins class="iCheck-helper" style="position: absolute; top: -10%; left: -10%; display: block;
                                    width: 120%; height: 120%; margin: 0px; padding: 0px; background-color: rgb(255, 255, 255);
                                    border: 0px; opacity: 0; background-position: initial initial; background-repeat: initial initial;">
                                </ins>
                            </div>
                            Male
                        </label>
                    </div>
                </div>
                <p>
                    Enter your account details below:
                </p>
                <div class="form-group">
                    <span class="input-icon">
                        <input type="email" class="form-control" name="email" placeholder="Email">
                        <i class="fa fa-envelope"></i></span>
                </div>
                <div class="form-group">
                    <span class="input-icon">
                        <input type="password" class="form-control" id="password" name="password" placeholder="Password">
                        <i class="fa fa-lock"></i></span>
                </div>
                <div class="form-group">
                    <span class="input-icon">
                        <input type="password" class="form-control" name="password_again" placeholder="Password Again">
                        <i class="fa fa-lock"></i></span>
                </div>
                <div class="form-group">
                    <div>
                        <label for="agree" class="checkbox-inline">
                            <div class="icheckbox_minimal-grey" style="position: relative;">
                                <input type="checkbox" class="grey agree" id="agree" name="agree" style="position: absolute;
                                    top: -10%; left: -10%; display: block; width: 120%; height: 120%; margin: 0px;
                                    padding: 0px; background-color: rgb(255, 255, 255); border: 0px; opacity: 0;
                                    background-position: initial initial; background-repeat: initial initial;">
                                <ins class="iCheck-helper" style="position: absolute; top: -10%; left: -10%; display: block;
                                    width: 120%; height: 120%; margin: 0px; padding: 0px; background-color: rgb(255, 255, 255);
                                    border: 0px; opacity: 0; background-position: initial initial; background-repeat: initial initial;">
                                </ins>
                            </div>
                            I agree to the Terms of Service and Privacy Policy
                        </label>
                    </div>
                </div>
                <div class="form-actions">
                    <a class="btn btn-light-grey go-back"><i class="fa fa-circle-arrow-left"></i>Back
                    </a>
                    <button type="submit" class="btn btn-bricky pull-right">
                        Submit <i class="fa fa-arrow-circle-right"></i>
                    </button>
                </div>
            </fieldset>
            </form>
        </div>
        <!-- end: REGISTER BOX -->
        <!-- start: COPYRIGHT -->
        <div class="copyright">
            2014 © clip-one by cliptheme.
        </div>
        <!-- end: COPYRIGHT -->
    </div>
    <!-- start: MAIN JAVASCRIPTS -->
    <!--[if lt IE 9]>
		<script src="assets/plugins/respond.min.js"></script>
		<script src="assets/plugins/excanvas.min.js"></script>
		<script type="text/javascript" src="/ContentMember/jquery.min.js"></script>
		<![endif]-->
    <!--[if gte IE 9]><!-->
    <script src="/ContentMember/jquery.min.js"></script>
    <!--<![endif]-->
    <script src="/ContentMember/jquery-ui-1.10.2.custom.min.js"></script>
    <script src="/ContentMember/bootstrap.min.js"></script>
    <script src="/ContentMember/bootstrap-hover-dropdown.min.js"></script>
    <script src="/ContentMember/jquery.blockUI.js"></script>
    <script src="/ContentMember/jquery.icheck.min.js"></script>
    <script src="/ContentMember/jquery.mousewheel.js"></script>
    <script src="/ContentMember/perfect-scrollbar.js"></script>
    <script src="/ContentMember/less-1.5.0.min.js"></script>
    <script src="/ContentMember/jquery.cookie.js"></script>
    <script src="/ContentMember/bootstrap-colorpalette.js"></script>
    <script src="/ContentMember/main.js"></script>
    <!-- end: MAIN JAVASCRIPTS -->
    <!-- start: JAVASCRIPTS REQUIRED FOR THIS PAGE ONLY -->
    <script src="/ContentMember/jquery.validate.min.js"></script>
    <script src="/ContentMember/login.js"></script>
    <!-- end: JAVASCRIPTS REQUIRED FOR THIS PAGE ONLY -->
    <script>
        jQuery(document).ready(function () {
            Main.init();
            Login.init();
        });
		</script>
    <!-- end: BODY -->
</body>
</html>
